<div class="os-main">
    <div class="index-category">
        <div id="myCard" class="carousel slide" style="width: 955px;float: right;">
            <ol class="carousel-indicators">
                <li data-target="#myCard" data-slide-to="0" class="active"></li>
                <li data-target="#myCard" data-slide-to="1"></li>
                <li data-target="#myCard" data-slide-to="2"></li>
            </ol>
            <div class="carousel-inner" style="border-radius: 5px;">
                <div class="item active">
                    <img src="${base}/res/images/1.png" style="width: 100%;height:350px;">
                </div>
                <div class="item">
                    <img src="${base}/res/images/2.png" style="width: 100%;height:350px;">
                </div>
                <div class="item">
                    <img src="${base}/res/images/3.png" style="width: 100%;height:350px;">
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    $('#myCard').carousel({interval: 3000})
</script>
